


*{
	margin: 0px;
	padding: 0px;
}


body {
    font-size: 14px;
    font-family: Verdana, 微软雅黑,Geneva,sans-serif;
    word-wrap: break-word;
    background-image: url(../image/main-bg.png);
    }
strong {
    font-weight: bold
    }

a:link, a:visited {
    color: black;
    text-decoration: none
    }
a:hover {
    color: #F0F0F0;
    text-decoration: none
    }
p {
    line-height: 2.0em
    }
label select, label input, label textarea {
    vertical-align: middle
    }
    
button, input[type=button] {
    padding: 2px 5px;
    color: #000;
    background-color: #66a7dd;
    border-top: 1px solid #B8D4E8;
    border-left: 1px solid #B8D4E8;
    border-right: 1px solid #114680;
    border-bottom: 1px solid #114680;
    cursor: pointer;
    *overflow: visible
    }
    
button:disabled, input[type=button]:disabled {
    color: #CCC;
    background-color: #F0F0F0;
    border-top: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #808285;
    border-bottom: 1px solid #808285
    }
input[type=text], input[type=password] {
    border: 1px solid #BDC7D8;
    padding: 0.4ex;
    width: 180px
    height:30px
    }
select {
    height: 25px;
    width:80px;
    border: 1px solid #BDC7D8;
    line-height: 1.1;
    padding: 1px
    }
p img, li img, dd img {
    vertical-align: middle
    }
button img {
    margin: 0px;
    vertical-align: middle
    }
div img {
    	 vertical-align: middle;
    	 padding: 5px;
    }

/* 设置整个页面的固定大小，不随窗口大小改变*/
.body {
	width: 960px;
	min-height:1024px;
	margin:0 auto;

	
   
}
/*页面导航条的样式*/
.div_top {
	z-index: 1999;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 1500px;
	background-position: 0 -361px;
	background-repeat: repeat-x;
	height: 50px;
	box-shadow: 0 0 3px rgba(0,0,0,0.8);
	background-color: #777ff0;
}

/*页面主体的固定大小，防止布局混乱*/
.div_center {
	width: 960px;
	min-height: 900px;
	border-width: 2px;
	border-color: #800000;
	}
	
#centerhead{
	margin:40px 0px 0px 0px;
	height: 120px;
	width:100%;
	background-image: url(../image/bodyhead.png);
}
/*页面主体重左边栏的样式*/
.div_left {
	width: 150px;
	min-height: 1024px;
	margin:0px 0px 0px 0px;
	border:1px solid #BDC7D8;
	background-color: #f0f0f0;
	float: left;
}
/*页面主体重中间部分栏的样式*/
.div_middle {
	width: 540px;
	min-height: 950px;
	border:1px solid #BDC7D8;
	float: left;
}

/*页面主体重右边栏的样式*/
.div_right {
	width: 263px;
	min-height: 1024px;
	border:1px solid #BDC7D8;
	background-color: #f0f0f0;
	float: left;
}

/*页面主体重底部的样式*/
.div_buttom {
	clear:both;
	width: 960px;
	height: 60px;
	border: 1px solid #BDC7D8;
	background-color: #f0f0f0;
}

/*Logo样式*/

.logo{ 
	display:block;
	margin:-5px 5px 0px 100px;
	width:250px;
	height:50px;
	float: left;
	
}

.sitename{
	float: left;
	margin:20px 40px 0px 0px;
	font-size: 14px;
}

/*页面导航条菜单的样式*/
.nav { font-size: 16px; float: left; margin:15px 0 0 80px }

.nav ul li{font-size:18px;float:left;list-style:none;width:100px; }


/*  左边的头像*/
.self-pic{margin:30px 10px 10px 10px; width: 200px;height: 150px;}

.self-pic .mypic{background-image: url(../image/male.jpg);width: 100px;height: 100px;}


/*  右上角菜单栏中 的设置图片相关div*/
#setting{margin:-20px 0px 0px 700px;float: left}
#setting ul{float:left;display:block;}
#setting ul li{font-size:18px;float:left;list-style:none;width:50px;}
#setting ul li ul{display:none}
#setting ul li:hover ul {display:block;margin:10 auto}
#setting ul li ul li{visibility:visible;clear:both;height:30px;width:100px;font-size: 15px}


/* 中间的选项卡 相关的div*/
.tab_menu{clear: both;margin:10px 0 0 0 }
.tab_menu ul li {height:30px;width:100px; float:left; text-align:center; cursor:pointer; list-style:none; padding:1px 6px; margin:0 0 0 10px; border:1px solid #898989; border-bottom:none;}

.selected{ color:#000000; background:#66A7DD}
.tab_box { clear:both; border:1px  solid #898989; min-height:950px;}

.add_firend{ clear: both}
.f-img{ float: left;margin:0px 5px 20px 10px;display: block;width: 160px;height:250px;	border:1px solid #BDC7D8;background:#f0f0f0}

.group_manage{display:none}
.group_friend{float: left;border:1px solid #BDC7D8;;margin:0px 5px 20px 10px;background:#f0f0f0;width:250px;height: 160px}
#info{padding:20px 0 0 10px; line-height: 40px}


/* 左边的分组列表和右边的搜好友列表   的div */
.search{border:1px solid #BDC7D8;}
.list_info{margin:5 0 5 5px ;width: 150px;height:100px}
.title{font-family: "Arial Black" ; font-style: bold; margin:0 0 0 10px;}
.list_info ul li{font-size: 12px; margin:10px 5px 5 30px;width: 80px; height:20px;list-style: none}
.list_info ul  li:hover{background:#BDC7D8;}







